@extends('Admin.layout.blank')

@section('header-css')
<title>会员列表 - 会员管理 - H-ui.admin v3.0</title>
<meta name="keywords" content="H-ui.admin v3.0,H-ui网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
<meta name="description" content="H-ui.admin v3.0，是一款由国人开发的轻量级扁平化网站后台模板，完全免费开源的网站后台管理系统模版，适合中小型CMS后台系统。">
<link rel="stylesheet" type="text/css" href="{{ asset('css/app.css') }}">
@endsection

@section('body')
<section class="Hui-article-box">
	<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页
		<span class="c-gray en">&gt;</span> 用户中心
		<span class="c-gray en">&gt;</span> 会员列表
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" >
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	</nav>
	<div class="Hui-article">
		<article class="cl pd-20">
			<form>
					<div class="text-c">
							<input type="text" class="input-text" style="width:250px" placeholder="输入会员名称" id="" name="search">
							<button type="submit" class="btn btn-success radius" id="" name="">
									<i class="Hui-iconfont">&#xe665;</i> 搜用户
							</button>
					</div>
			</form>

			<div class="cl pd-5 bg-1 bk-gray mt-20">
				<span class="l">
					<a href="javascript:;" onclick="member_add('添加用户', '{{ route('member.create') }}','','510')" class="btn btn-primary radius">
					 	<i class="Hui-iconfont">&#xe600;</i> 添加用户
					</a>
					<a href="javascript:;" onclick="member_add('折扣管理', '{{ route('member.discount') }}','400','400')" class="btn btn-danger radius">
						<i class="Hui-iconfont">&#xe6cc;</i> 会员优惠
					</a>
				</span>
				<span class="r">共有数据：<strong>{{ count($users) }}</strong> 条</span>
			</div>
			<div class="mt-20">
				<table class="table table-border table-bordered table-hover table-bg table-sort">
					<thead>
						<tr class="text-c">
							<th width="80">ID</th>
							<th width="100">用户名</th>
							<th width="100">性别</th>
							<th width="120">手机</th>
							<th width="150">邮箱</th>
							<th width="220">加入时间</th>
							<th width="70">状态</th>
							<th width="100">操作</th>
						</tr>
					</thead>
					<tbody>
					@foreach ($users as $user)
						<tr class="text-c">
							<td width="80">{{ $user->id }}</td>
							<td width'100'><u style="cursor:pointer" class="text-primary" onclick="member_show('{{ $user->username }}','{{ route('member.show', ['id' => $user->id]) }}','10001','360','400')">{{ $user->username }}</u></td>
							<td width="40">{{$user->sex = 1?'男':'女'}}</td>
							<td width="90">{{ $user->phone }}</td>
							<td width="150">{{ isset($user->email)?$user->email:'暂未绑定' }}</td>
							<td width="130">{{ $user->created_at }}</td>
							<td class="td-status{{ $user->id }}" width="70">

							@if ($user->user_status > 0)
								<span class="label label-success radius">已启用</span>
							@else
								<span class="label label-default radius">已禁用</span>
							@endif
							</td>
							<td class="td-manage{{ $user->id }}" width="100">

							@if ($user->user_status > 0)
							<a style="text-decoration:none" onClick="member_stop(this, '{{ $user->id }}')" href="javascript:;" title="停用">
								<i class="Hui-iconfont">&#xe631;</i>
							</a>
							@else
							<a style="text-decoration:none" onClick="member_start(this, '{{ $user->id }}')" href="javascript:;" title="启用">
								<i class="Hui-iconfont">&#xe615;</i>
							</a>
							@endif

							<a title="编辑" href="javascript:;" onclick="member_edit('编辑', '{{ route('member.edit', ['id' => $user->id]) }}','4','','510')" class="ml-5" style="text-decoration:none">
								<i class="Hui-iconfont">&#xe6df;</i>
							</a>
							<a style="text-decoration:none" class="ml-5" onClick="change_password('修改密码', '{{ route('member.changepass', ['id' => $user->id]) }}','10001','500','400')" href="javascript:;" title="修改密码">
								<i class="Hui-iconfont">&#xe63f;</i>
							</a>
							<a title="删除" href="javascript:;" onclick="member_del(this,'{{ $user->id }}')" class="ml-5" style="text-decoration:none">
								<i class="Hui-iconfont">&#xe6e2;</i>
							</a>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
			<center>
				{{ $users->appends(['search'=>$search])->links() }}
			</center>
		</article>
	</div>
</section>
@endsection

@section('footer-js')
<!--请在下方写此页面业务相关的脚本-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{ asset('AdminPublic/lib/My97DatePicker/4.8/WdatePicker.js') }}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/datatables/1.10.0/jquery.dataTables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('AdminPublic/lib/laypage/1.2/laypage.js') }}"></script>
<script type="text/javascript">
/*用户-添加*/

function member_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*用户-停用*/
function member_stop(obj,id){
	var a = 0;
	layer.confirm('确认要停用吗？',function(index){
		//此处请求后台程序，下方是成功后的前台处理……
		$.ajax({
			type: 'get',
			url: "{{ route('member.stop') }}",
			data: 'id='+id,
			success: function(data){
				a++;
				if (a > 1) {
						return false
				}
				$(".td-manage"+id).prepend('<a onClick="member_start(this,'+ id +')" href="javascript:;" title="启用" style="text-decoration:none"><i class="Hui-iconfont">&#xe615;</i></a>');
				$(".td-status"+id).html('<span class="label label-default radius">已禁用</span>');
				$(obj).remove();
				layer.msg('已停用!',{icon: 5,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});
	});
}
/*用户-启用*/
function member_start(obj,id){
	var a = 0;
	layer.confirm('确认要启用吗？',function(index){
		$.ajax({
			type: 'get',
			url: "{{ route('member.start') }}",
			data: 'id='+id,
			success: function(data){
				a++;
				if (a > 1) {
						return false
				}
				$(".td-manage"+id).prepend('<a onClick="member_stop(this,'+ id +')" href="javascript:;" title="停用" style="text-decoration:none"><i class="Hui-iconfont">&#xe631;</i></a>');
				$(".td-status"+id).html('<span class="label label-success radius">已启用</span>');
				$(obj).remove();
				layer.msg('已启用!',{icon: 6,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});
	});
}
/*用户-编辑*/
function member_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*密码-修改*/
function change_password(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'get',
			url: "{{ url('Admin/member/delete') }}/"+id,
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});
	});
}

</script>
@endsection
<!--/请在上方写此页面业务相关的脚本-->
